<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${cxt }/">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${cxt }/js/jquery-3.2.1.js"></script>
<link rel="stylesheet" href="css/yk_bootstrap.css">
<link href="iconfont/style.css" type="text/css" rel="stylesheet">
<style type="text/css">
	body{color:#fff; font-family:"微软雅黑"; font-size:14px;}
	.wrap1{position:absolute; top:0; right:0; bottom:0; left:0; margin:auto }/*把整个屏幕真正撑开--而且能自己实现居中*/
	.main_content{background:url(img/main_bg.png) repeat; margin-left:auto; margin-right:auto; text-align:left; float:none; border-radius:8px;}
	.form-group{position:relative;}
	.login_btn{display:block; background:#3872f6; color:#fff; font-size:15px; width:100%; line-height:50px; border-radius:3px; border:none; }
	.login_input{width:100%; border:1px solid #3872f6; border-radius:3px; line-height:40px; padding:2px 5px 2px 30px; background:none;}
	.icon_font{position:absolute; bottom:15px; left:10px; font-size:18px; color:#3872f6;}
	.font16{font-size:16px;}
	.mg-t20{margin-top:20px;}
	@media (min-width:200px){.pd-xs-20{padding:20px;}}
	@media (min-width:768px){.pd-sm-50{padding:50px;}}
	#grad {
	  background: -webkit-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Safari 5.1 - 6.0 */
	  background: -o-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Opera 11.1 - 12.0 */
	  background: -moz-linear-gradient(#4990c1, #52a3d2, #6186a3); /* Firefox 3.6 - 15 */
	  background: linear-gradient(#4990c1, #52a3d2, #6186a3); /* 标准的语法 */
	}
</style>

<script type="text/javascript">
//获取用户账号
var zhang="";
//获取用户密码
var mi="";
	$(document).ready(function(){
		$("#Email1").focus();
		$("#Email1").blur(function(){
			if($("#Email1").val()==null||$("#Email1").val().length==0){
				$("#error").text("账号不能为空");
			}
		});
		
		$("#Password1").blur(function(){
			if($("#Password1").val()==null||$("#Password1").val().length==0){
				$("#error").text("密码不能为空");
			}
		});	
	});
	
	function getPwd(){
		zhang=$("#Email1").val();
		if(zhang==null||zhang.length==0){
			$("#error").text("账号不能为空");
			return;
		}
		mi = $("#Password1").val();
		if(mi==null||mi.length==0){
			$("#error").text("密码不能为空");
			return;
		}
		$("#normallogin1").submit();
	}
	
	
</script>
</head>
<body style="background:url(img/bg.jpg) no-repeat;">
	<div class="container wrap1" style="height:450px;">
            <div class="col-sm-8 col-md-5 center-auto pd-sm-50 pd-xs-20 main_content"> 
                <p class="text-center font16" >用户登录</p>
                <form  method="post" action="admin/login2" id="normallogin1">
                    <div class="form-group mg-t20">
                        <i class="icon-user icon_font"></i>
                        <input type="text" class="login_input" id="Email1" placeholder="请输入用户名" name="Email1" />
                    </div>
                    <div class="form-group mg-t20">
                        <i class="icon-lock icon_font"></i>
                        <input type="password" class="login_input" id="Password1" placeholder="请输入密码" name="Password1" />
                    </div>
                    <div class="checkbox mg-b25">
                        <label>
                           <span id="error" style="display:block;margin-left:128px;">${error }</span>
                        </label>
                    </div>
                    <input type="button" class="login_btn" value="登录" onclick="getPwd();" style="cursor:pointer"/>
               </form>
        </div>
    </div>
</body>
</html>